@charset "utf-8";

*{
    margin: 0;
    padding: 0;
    list-style: none;
}
body,html{
    width: 100vw;
    height: 100vh;
    overflow: hidden;
    position: relative;
}
.web{
    width: 100%;
    height: 100%;
    background: url(../img/z_indexbg.jpg);
    background-size:100%,100% ;
    position: relative;
    padding-top: 5vw;
//  text-align: center;
    
}
.title{
    width: 60%;
    margin: 0 auto;
    img{
        width: 100%;
    }
}
ul{
    overflow: auto;
    width: 80vw;
    height: 150vw;
    margin: 0 auto !important;
    border: 1px solid #e7c598;
    li{
        box-sizing: border-box;
        width: 100%;
//      overflow: hidden;
        border: 1px solid #e7c598;
        padding: 2vw 0;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-around;
//      text-align: center;
        color: #E7C598;
     .left{
         text-align: center;
        display: flex;
        flex-direction: row; 
        flex-wrap: nowrap;
        align-items: center;  
        >.touxiang{
            padding-left: 3vw;
              padding-right: 3vw;
            width:10vw;
             vertical-align: middle;
            img{
                width: 100%;
                vertical-align: middle;
            }
        }
     }
    }
}
.house{
//  margin-top:3vw;
    width: 15vw;
    float: right;
    img{
        width: 100%;
    }
}
   @media only screen  and (device-height:812px){   
  ul{
      height: 180vw;
  }
 }